<style>
.pane_block_title{
	font-size:16px;
	color:#a8a8a8;
	background:none;
	padding:7px;
	border-bottom:1px solid #efefef;
}
.data_table td{
	border:0;
	padding:0;
	background:#fff!important;
}
.data_table th{
	border:none;
}
.pane_block{
	margin:0;
	border-color:#efefef;
	box-shadow: 0 0 10px #e5e5e5;
}
.data1{
	font-size:30px;
	color:#999;
}
.data2 .pane_block{
	width:290px;
	display:inline-block;
	text-align:center;
}
.box_list{
	font-size:0;
}
.box_list > div{
	width:290px;
	display:inline-block;
	border:1px solid #efefef;
	margin-right:37px;
	margin-bottom:20px;
	height:102px;
	vertical-align:middle;
	font-size:0;
	box-sizing: border-box;
	box-shadow: 0 0 10px #e5e5e5;
}
.box_list > div:after{
	content:"";
	display:inline-block;
	clear:both;
}
.box_list > div:nth-child(3n){
	margin-right:0;
}
.box_cover{
	width:100px;
	height:100px;
	float:left;
	background:#ccc;
	margin-right:5px;
	font-family: "iconfont" !important;
	color:#fff;
	font-size:60px;
	text-align:center;
	line-height:100px;
}
.box_name{
	margin-bottom:10px;
	font-size:18px;
}
.box_info{
	overflow:hidden;
	padding:5px;
}
.add_box{
	border-style:dashed!important;
	font-size:14px!important;
	text-align:center;
	cursor:pointer;
	line-height:2em;
	padding-top:20px;
	color:#bbb;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.data_title{
	color:#aaa;
	font-size:18px;
	padding:0 6px;
	margin:30px 0 8px;
}
.grid_table{
	margin:0;
}
.links{
	font-size:0;
}
.links>div{
	width:290px;
	text-align:left;
	display:inline-block;
	margin-right:37px;
}
.link_value{
	padding:0 15px;
}
.link_value input{
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
}
.order_data td, .order_data th{
	padding:10px;
}
.icon_QRcode{
	font-size:33px;
	float:right;
}
.icon_QRcode:before{
}
</style>
<div class="data_title">销售数据</div>
<table class="grid_table data_table">
	<tr>
		<td rowspan="2" valign="top">
		<div class="pane_block" style="margin-right:36px;height:100%;min-height:250px;">
			<div class="pane_block_title">未处理订单</div>
			<div class="data1" style="color:#1AB3FF;">30</div>
			<table class="grid_table order_data">
				<tr>
					<th>订单编号</th>
					<th>下单时间</th>
					<th>收件人</th>
					<th>订单金额</th>
				</tr>
				<tr *ngFor="let o of data.order_data">
					<td>{{o.order_num}}</td>
					<td>{{o.create_time*1000 | date:'yyyy/MM/hh hh:mm'}}</td>
					<td>{{o.name}}</td>
					<td>{{o.all_price}}</td>
				</tr>
			</table>
			<div style="color:#1AB3FF;">点击查看详情</div>
		</div>
		</td>
		<td width="290" valign="top">
			<div class="pane_block">
				<div class="pane_block_title">今日订单量</div>
				<div class="data1">{{data.allOrder}}</div>
			</div>
		</td>
	</tr>
	<tr>
		<td valign="bottom">
			<div class="pane_block" style="margin-top:20px;">
				<div class="pane_block_title">今日销售额</div>
				<div class="data1">{{data.allPrice}}</div>
			</div>
		</td>
	</tr>
</table>

<div class="data_title">用户数据</div>
<table class="grid_table data_table data2">
	<tr>
		<td style="text-align:left;">
			<div class="pane_block">
				<div class="pane_block_title">今日访问量</div>
				<div class="data1">{{data.visitor_count}}</div>
			</div>
		</td>
		<td>
			<div class="pane_block">
				<div class="pane_block_title">今日新增下单用户</div>
				<div class="data1">{{data.user_order_count}}</div>
			</div>
		</td>
		<td style="text-align:right;">
			<div class="pane_block">
				<div class="pane_block_title">用户总数</div>
				<div class="data1">{{data.userCount}}</div>
			</div>
		</td>
	</tr>
</table>

<div class="data_title">盒子列表</div>
<div class="box_list">
	<div *ngFor="let b of data.box_data">
		<div class="box_cover" [ngStyle]="{background:'#'+b.color}" [html]="b.bg_img"></div>
		<div class="box_info">
			<div class="box_name" [ngStyle]="{color:'#'+b.color}">
				<div>{{b.name}}</div>
				<div class=""></div>
			</div>
			<div class="data1">48</div>
		</div>
	</div>
	<div class="add_box">
		<div>＋ 添加服务盒子</div>
		<div>盒子中可添加商品进行搜索</div>
	</div>
</div>

<div class="data_title">盒子列表</div>
<div class="links">
	<div class="pane_block">
		<div class="pane_block_title">首页</div>
		<div class="link_value">
			<div class="icon_QRcode"></div>
			<input type="text" value="{{data.login_url}}" readonly/>
		</div>
	</div>
	<div class="pane_block">
		<div class="pane_block_title">订单列表</div>
		<div class="link_value">
			<div class="icon_QRcode"></div>
			<input type="text" value="{{data.order_url}}" readonly/>
		</div>
	</div>
</div>

